<span>Click to open:</span>

<td-user-profile name="donald duck" email="donald.duck@teradata.com">
  <ng-container td-user-info-list>
    <mat-list-item>
      <mat-icon matListItemAvatar>account_balance</mat-icon>
      <span matListItemTitle>default</span>
      <span matListItemLine>organization</span>
    </mat-list-item>
  </ng-container>
  <ng-container td-user-action-list>
    <button mat-list-item>
      <mat-icon matListItemAvatar matListItemIcon>brightness_low</mat-icon>
      <span matListItemTitle>Switch to dark mode</span>
    </button>
    <mat-divider></mat-divider>
    <button mat-list-item>
      <span matListItemTitle>Sign out</span>
    </button>
  </ng-container>
</td-user-profile>
